<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link  rel="stylesheet" href="./mainview.css"/>
    <!-- <link rel="stylesheet" href="../../../mi/css/reset.css"> -->
    <link rel="stylesheet" href="../../../css/all.css">
</head>
<body>
    <nav>
        <div id="nav1">
            <a href="javascript:;">
                <i class="fas fa-stream"></i>
            </a>
        </div>
        <div id="nav2">
            <h1>爱学习</h1>
        </div>
        <div id="nav3">
            <i class="fas fa-search"></i>
        </div>
    </nav>
    <div id="box1">
        <img src="./banner.png" alt="background">
    </div>
    <div id="middleMeau">
        <a href="javascript:;"><i class="fas fa-book"></i></i>我的课程</a>
        <a href="javascript:;"><i class="fas fa-cut"></i>明星讲师</a>
        <a href="javascript:;"><i class="fas fa-envelope"></i>我的订阅</a>
        <a href="javascript:;"><i class="fas fa-globe"></i>我的下载</a>
    </div>
    <article>
        <div class="top">
            <div class="leftTitle">最新课程</div>
            <div class="rightTitle">更多+</div>
        </div>
        <div class="cardmanage">
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
        </div>
    </div>
    </article>
    <article>
        <div class="top">
            <div class="leftTitle">最新课程</div>
            <div class="rightTitle">更多+</div>
        </div>
        <div class="cardmanage">
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
            <div class="card">

                <img src="./cover.png" alt="t">
                <div class="classname">
                    摄影课程
                </div>
                <div class="bottomInfo">
                    <img src="./avatar.png" alt="">
                    <span>Rommel</span>
                </div>
            </div>
        </div>
    </div>
    </article>
    </body>
</html>